<div class="public_login_register">
<div class="header">
    <div class="main">
        <div class="header_left">
            <ul>
                <li>欢迎来到知我！这里，用专业呵护美丽。</li>
                <li><a href="">请登录</a></li>
                <li><a href="">快速注册</a></li>
            </ul>
        </div>
        <div class="header_right">
            <ul>
                <li>
                    <a href="" class="iconfont">微信商城&#xe611;</a>
                    <div class="header_xiala">
                        <img src="images/wechat_ewm1.jpg" alt="" width="60" height="60">
                    </div>
                </li>
                <li><a href="" target="_blank" class="iconfont">&#xe67e;手机知我</a></li>
                <li>
                    <a href="" class="iconfont">我的小窝&#xe611;</a>
                    <div class="header_xiala">
                        <ul>
                            <li><a href="" rel="nofollow">我的订单</a></li>
                            <li><a href="" rel="nofollow">我的优惠券</a></li>
                            <li><a href="" rel="nofollow">我的收藏</a></li>
                            <li><a href="" rel="nofollow">我的预订</a></li>
                            <li><a href="" rel="nofollow">我的积分</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="" class="iconfont">客服服务&#xe611;</a>
                    <div class="header_xiala">
                        <ul>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="nav">
    <div class="main">
        <a href="" class="fr"><img src="images/tipinfo1.jpg" alt=""></a>
        <a href="" class="fl"><img src="images/logo.jpg" alt=""></a>
    </div>
</div>
</div>
<script>
    $(function () {
        $(".header_right>ul>li").mouseover(function () {
            $(this).find(".header_xiala").stop().show(200);
        })
        $(".header_right>ul>li").mouseout(function () {
            $(this).find(".header_xiala").stop().hide(200);
        })
        $(".nav_right ul li").mouseover(function () {
            $(this).stop().animate({"width": "100px"}, 500).siblings("li").stop().animate({"width": "0px"}, 500);

        })
        $(".nav_right ul li").mouseout(function () {
            $(this).stop().animate({"width": "0px"}, 500);
        })
        $("#zhiwoshangchen").mouseover(function () {
            $(this).find($(".nav_left_hidebox")).stop().show(500);
        })
        $("#zhiwoshangchen").mouseout(function () {
            $(this).find($(".nav_left_hidebox")).stop().hide(500);
        })

    })
</script>